<!DOCTYPE html>
<html lang="en">
<script src="https://webapi.amap.com/loader.js"></script>
<head>
    <meta charset="UTF-8">
    <title>地图</title>
</head>
<body>
<div id="shipmentMap" style="padding-bottom:0;padding-top:0;width:1224px;height:582px;">
    <div id="map-container" class="map"></div>
</div>
<script src="https://webapi.amap.com/loader.js"></script>
<script type="text/javascript" >
    let that = this
    AMapLoader.load({
        "key": "49df3dbb93cc593e8cceedfe8f8be185",              // 申请好的Web端开发者Key，首次调用 load 时必填
        "version": "1.4.15",   // 指定要加载的 JSAPI 的版本，缺省时默认为 1.4.15
        "plugins": ['AMap.Geocoder',"AMap.Driving"],           // 需要使用的的插件列表，如比例尺'AMap.Scale'等
        "AMapUI": {             // 是否加载 AMapUI，缺省不加载
            "version": '1.1',   // AMapUI 缺省 1.1
            "plugins":['overlay/SimpleMarker'],       // 需要加载的 AMapUI ui插件
        },
        "Loca":{                // 是否加载 Loca， 缺省不加载
            "version": '1.3.2'  // Loca 版本，缺省 1.3.2
        },
    }).then((AMap)=>{
        that.map = new AMap.Map('shipmentMap', {
            zoom:7,//级别
            center: [116.397428, 39.90923] //初始化地图中心点
        });
        //初始化地理编码
        that.geocoder = new AMap.Geocoder({
            // city 指定进行编码查询的城市，支持传入城市名、adcode 和 citycode
        })
        //初始化UI
        AMapUI.loadUI(['overlay/SimpleMarker'], function(SimpleMarker) {
            //启动页面
            that.simpleMarker = SimpleMarker
        });
        //路径规划

    }).catch((e)=>{
        console.error(e);  //加载错误提示
    });
</script>
</body>
</html>